.player{
    background: #000;
    .player-tit{
        height: 30px;
        line-height: 30px;
        color: #fff;
        text-indent: .5rem;
    }
    .player-container{
        width: 99%;
        height: 100%;
        padding: 0 .5%;
        video::-webkit-media-controls,
            video::-moz-media-controls,
            video::-webkit-media-controls-enclosure{
            display:none !important;
        }

        video::-webkit-media-controls-panel,
        video::-webkit-media-controls-panel-container,
        video::-webkit-media-controls-start-playback-button {
            display:none !important;
            -webkit-appearance: none;
        }
    }
    .progress{
        .el-slider__runway{
            height: 2px;
            margin: 10px 0;
            .el-slider__bar{
                height: 2px;
            }
            .el-slider__button-wrapper{
                height: 32px;
                width: 32px;
                .el-tooltip{
                    width: 6px;
                    height: 6px;
                }
            }
        }
    }
    .player-tools{
        display: flex;
        color: #fff;
        height: 40px;
        line-height: 40px;
        margin-top: -3px;
        .left{
            display: flex;
            flex: .3;
            padding: 0 10px;
            .item{
                width: 30px;
                text-align: center;
                height: 40px;
            }
            .time{
                font-size: 12px;
                padding: 0 10px;
            }
        }
        .right{
            display: flex;
            flex: .7;
            .placeholder{
                flex: .5;
            }
            .volume{
                width: 30px;
                height: 30px;
                .slider{
                    .el-slider{
                        height: 50px;
                        float: left;
                        position: relative;
                        top: -95px;
                        left: 2px;
                        background: #000;
                        padding: 10px 0;
                        opacity: .8;
                        .el-slider__runway{
                            margin: 0 10px;
                        }
                    }
                }
                .volume-btn{
                    float: left;
                    width: 30px;
                    height: 30px;
                    text-align: center;
                    line-height: 36px;
                }
            }
            .el-slider__button{
                width: 8px;
                height: 8px;
            }
        }
    }
    
}